<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <base href="${basePath}">
  <title>${t('ui.account.login.title.login')}</title>
  <link href="${libCss('static/lib/bootstrap/css/bootstrap.css')}" rel="stylesheet" />
  <link href="${appCss('static/app/common/css/global.css')}" rel="stylesheet" />
  <link href="${appCss('static/app/common/css/custom.css')}" rel="stylesheet" />
  <link href="${appCss('static/app/account/login.css')}" rel="stylesheet" />
</head>

<body>
  <div class="container">
    <form class="form-signin" method="post" action="#">
      <!-- 用户名 -->
      <p>
        <label for="username" class="sr-only"></label>
        <input type="text" class="form-control" id="username" name="username" data-x-name="username"
          placeholder="${t('ui.account.login.field.username')}" required autofocus>
      </p>
      <!-- 密码 -->
      <p>
        <label for="password" class="sr-only"></label>
        <input type="password" class="form-control" id="password" name="password" data-x-name="password"
          placeholder="${t('ui.account.login.field.password')}" required>
      </p>
      <!-- 验证码 -->
      <p id="captchaGroup" class="input-group d-none">
        <input type="hidden" data-x-name="captchaKey">
        <input type="text" class="form-control" data-x-name="captchaCode"
          placeholder="${t('ui.account.login.field.captcha')}" required>
        <img id="captchaImage" src="">
      </p>
      <!-- 记住我 -->
      <p class="form-check">
        <input type="checkbox" class="form-check-input" id="rememberMe" name="rememberMe" data-x-name="remember-me"
          data-x-type="checkbox-boolean">
        <label for="rememberMe" class="form-check-label">${t('ui.account.login.field.rememberMe')}</label>
      </p>
      <!-- 登录按钮 -->
      <button type="button" class="btn btn-lg btn-primary btn-block" id="loginBtn">
        ${t('ui.account.login.btn.login')}
      </button>
    </form>
  </div>

  <script src="${libJs('static/lib/jquery/jquery.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/jquery-cookie/jquery.cookie.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/lodash/lodash.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/ui-data/ui-data.js')}" type='text/javascript'></script>
  <script src="${appJs('app/common/js/global-utils/global-utils-all.js')}" type='text/javascript'></script>
  <script src="${appJs('app/common/js/global-init/global-init-all.js')}" type='text/javascript'></script>
  <script src="${appJs('app/account/login/login.js')}" type='text/javascript'></script>
</body>

</html>